<section id="fontEndTools" class="sectionNav">
    <h2>前端工具</h2>
    <section class="content">
        <a href="https://tool.lu/" target="_blank" class="detailContent">
            <h3>
                在线工具 - 程序员的工具箱
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://tool.oschina.net/codeformat" target="_blank" class="detailContent">
            <h3>
                在线代码格式化
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://html5test.com/" target="_blank" class="detailContent">
            <h3>
                html5test - how well does your browser support html5?
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.sojson.com/jshtml.html" target="_blank" class="detailContent">
            <h3>
                html格式化 、html压缩- 站长工具
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.css-js.com/" target="_blank" class="detailContent">
            <h3>
                js压缩
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.iconfont.cn/" target="_blank" class="detailContent">
            <h3>
                iconfont-阿里巴巴矢量图标库
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://tinypng.com/" target="_blank" class="detailContent">
            <h3>
                tinypng – compress png images while preserving transparency
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://colorspark.app/gradient" target="_blank" class="detailContent">
            <h3>
                colorspark | discover unique colors &amp; gradients.
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.yasuotu.com/" target="_blank" class="detailContent">
            <h3>
                压缩图 -在线图片压缩工具(jpg、png、gif)无损压缩50%
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://shields.io/category/build" target="_blank" class="detailContent">
            <h3>
                github样式
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://emojipedia.org/" target="_blank" class="detailContent">
            <h3>
                📙 emojipedia — 😃 home of emoji meanings 💁👌🎍😍
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://sourcegraph.com/search" target="_blank" class="detailContent">
            <h3>
                sourcegraph github代码查看
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://undraw.co/illustrations" target="_blank" class="detailContent">
            <h3>
                illustrations | undraw图标
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://bigjpg.com/" target="_blank" class="detailContent">
            <h3>
                bigjpg - ai人工智能图片无损放大 - 使用人工智能深度卷积神经网络(cnn)无损放大图片
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.yyyweb.com/3056.html" target="_blank" class="detailContent">
            <h3>
                设计师收藏的20款英文手写字体【免费下载】-前端里
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.wx-tkd.com/sjtest/" target="_blank" class="detailContent">
            <h3>
                移动端测试工具！网址生成二维码、多屏幕、多尺寸、多颜色、竖屏、横屏
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://cli.im/" target="_blank" class="detailContent">
            <h3>
                草料二维码生成器
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://codepen.io/" target="_blank" class="detailContent">
            <h3>
                在线开发代码测试 front end developer playground &amp; code editor in the browser
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://jsrun.net/" target="_blank" class="detailContent">
            <h3>
                jsrun在线js编辑器，在线js调试运行测试, es6在线测试调试运行，es6网页编辑器，比scrimba/jsfiddle/runjs更强的在线运行代码工具
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.awesomes.cn/" target="_blank" class="detailContent">
            <h3>
                awesomes-web前端开发资源库
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://npm.taobao.org/" target="_blank" class="detailContent">
            <h3>
                淘宝 npm 镜像
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="fontEndBlog" class="sectionNav">
    <h2>前端博客</h2>
    <section class="content">
        <a href="http://www.daqianduan.com/" target="_blank" class="detailContent">
            <h3>
                大前端-关注前端开发
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.yyyweb.com/front" target="_blank" class="detailContent">
            <h3>
                前端开发-前端里
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://caibaojian.com/" target="_blank" class="detailContent">
            <h3>
                前端开发博客-前端开发,前端博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.yyyweb.com/" target="_blank" class="detailContent">
            <h3>
                前端里-专注 web 开发技术和资源分享
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.gzui.net/" target="_blank" class="detailContent">
            <h3>
                有爱前端贵在有爱
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.qdfuns.com/" target="_blank" class="detailContent">
            <h3>
                前端网（qdfuns） web前端开发工程师专业网站，一站式服务平台！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.admin10000.com/" target="_blank" class="detailContent">
            <h3>
                web开发者 - admin10000.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.aseoe.com/" target="_blank" class="detailContent">
            <h3>
                专注web前端开发工程师教程与php编程设计 - 爱思资源网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.html-js.com/" target="_blank" class="detailContent">
            <h3>
                前端乱炖, 最专业的前端技术内容社区
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.zhangxinxu.com/" target="_blank" class="detailContent">
            <h3>
                张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/qianguyihao/web" target="_blank" class="detailContent">
            <h3>
                qianguyihao/web: web前端入门和进阶学习笔记，超详细的前端学习图文教程。从零开始学前端，做一个web全栈工程师。持续更新...
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/tnfe/tnfe-weekly" target="_blank" class="detailContent">
            <h3>
                tnfe/tnfe-weekly: 每周为你提供高质量的关于小程序、h5等前端领域的文章和项目
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://blog.doyoe.com/" target="_blank" class="detailContent">
            <h3>
                css探索之旅
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.cnblogs.com/wangfupeng1988/" target="_blank" class="detailContent">
            <h3>
                王福朋 - 博客园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://refined-x.com/" target="_blank" class="detailContent">
            <h3>
                雅x共赏的前端技术博客-前端路上
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://qitiancom.com/" target="_blank" class="detailContent">
            <h3>
                前端开发-朱宝祥 - 从喜欢到热爱
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://yusi123.com/" target="_blank" class="detailContent">
            <h3>
                欲思博客- 关注前端和wordpress,分享福利和心得！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.haorooms.com/" target="_blank" class="detailContent">
            <h3>
                haorooms博客-前端博客-前端技术，记录web前端开发的技术博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.layui.com/doc/" target="_blank" class="detailContent">
            <h3>
                layui开发使用文档 - 入门指南
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.jqhtml.com/" target="_blank" class="detailContent">
            <h3>
                前端库 - 前端开发，jquery特效，全栈开发，vue开发
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://bonsaiden.github.io/javascript-garden/zh/" target="_blank" class="detailContent">
            <h3>
                javascript 秘密花园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.keakon.net/" target="_blank" class="detailContent">
            <h3>
                keakon的涂鸦馆
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://div.io/#/welcome" target="_blank" class="detailContent">
            <h3>
                div.io
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="fontEndResource" class="sectionNav">
    <h2>前端资源</h2>
    <section class="content">
        <a href="http://blog.yoogle.top/share/" target="_blank" class="detailContent">
            <h3>
                一休资源站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.kancloud.cn/explore" target="_blank" class="detailContent">
            <h3>
                广场 · 看云
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://html5ify.com/fks/fks_chart/" target="_blank" class="detailContent">
            <h3>
                html5ify.com/fks/fks_chart/
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.jeffjade.com/2016/03/30/104-front-end-tutorial/" target="_blank" class="detailContent">
            <h3>
                『引』最全前端资源汇集 | 晚晴幽草轩
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://resource.haorooms.com/" target="_blank" class="detailContent">
            <h3>
                前端资源-前端代码整理-记录前端工作中常用的代码片段及插件！ - haorooms前端资料库
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/advanced-frontend/daily-interview-question" target="_blank" class="detailContent">
            <h3>
                advanced-frontend/daily-interview-question: 我是木易杨，公众号「高级前端进阶」作者，每天搞定一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己。
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://juejin.im/post/5cb3376bf265da039c0543da" target="_blank" class="detailContent">
            <h3>
                【半月刊 4】前端高频面试题及答案汇总 - 掘金
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.mianshiting.com/" target="_blank" class="detailContent">
            <h3>
                面试厅-这里有各种前端面试题，包括html，css，javascript等
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.xwcms.net/" target="_blank" class="detailContent">
            <h3>
                xw素材网_素材网_网站素材_psd素材网_jsp源码_jquery插件
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.alixixi.com/" target="_blank" class="detailContent">
            <h3>
                阿里西西 网页制作教程网,web开发之家
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://darryrzhong.site/2018/04/19/%e5%8f%b2%e4%b8%8a%e6%9c%80%e5%85%a8%e8%ae%a1%e7%ae%97%e6%9c%ba%e7%b1%bb%e7%bc%96%e7%a8%8b%e8%b5%84%e6%96%99%e5%a4%a7%e9%9b%86%e5%90%88/" target="_blank" class="detailContent">
            <h3>
                史上最全计算机类编程资料大集合 | darryrzhong
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.uimaker.com/" target="_blank" class="detailContent">
            <h3>
                ui设计_ui_ui教程-uimaker-专注ui设计
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://space.bilibili.com/400333395/video" target="_blank" class="detailContent">
            <h3>
                web前端基础教程的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ bilibili
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/yangfan2016/learn-translate/blob/master/3-30secondsofinterviews_zh.md#%e9%9d%a2%e8%af%95-30-%e7%a7%92" target="_blank" class="detailContent">
            <h3>
                面试 30 秒
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://hit-alibaba.github.io/interview/" target="_blank" class="detailContent">
            <h3>
                introduction · 笔试面试知识整理
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/conardli/30-seconds-of-code-zh-cn#%e7%9b%ae%e5%bd%95" target="_blank" class="detailContent">
            <h3>
                conardli/30-seconds-of-code-zh-cn: 你可以在30秒或更短的时间内理解的有用的javascript片段的精选集。（30-seconds-of-code中文版）
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/jacksontian/fks" target="_blank" class="detailContent">
            <h3>
                jacksontian/fks: 前端技能汇总 frontend knowledge structure
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://gallery.manypixels.co/" target="_blank" class="detailContent">
            <h3>
                illustrations gallery · manypixels免费插画
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://demo.doyoe.com/" target="_blank" class="detailContent">
            <h3>
                web前端实验室 - html5,css3,javascript demos and examples
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.cnblogs.com/xiaohuochai/p/7088004.html" target="_blank" class="detailContent">
            <h3>
                css reset - 小火柴的蓝色理想 - 博客园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/iq9891/awesome-frontend" target="_blank" class="detailContent">
            <h3>
                iq9891/awesome-frontend: 前端资源
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="fontEndNews" class="sectionNav">
    <h2>前端资讯</h2>
    <section class="content">
        <a href="https://webjike.com/web.html" target="_blank" class="detailContent">
            <h3>
                前端导航 - 内容最全的前端开发网址导航
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.bootcss.com/" target="_blank" class="detailContent">
            <h3>
                bootstrap中文网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.alloyteam.com/nav/" target="_blank" class="detailContent">
            <h3>
                web前端导航
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.daqianduan.com/nav" target="_blank" class="detailContent">
            <h3>
                前端网址导航-大前端
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://archimesan.me/frontendguide/v1/index.html" target="_blank" class="detailContent">
            <h3>
                前端导航
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://front-end-collect.is26.com/" target="_blank" class="detailContent">
            <h3>
                前端资讯整理
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://juejin.im/" target="_blank" class="detailContent">
            <h3>
                掘金 - juejin.im - 一个帮助开发者成长的社区
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://cloud.tencent.com/developer" target="_blank" class="detailContent">
            <h3>
                云+社区 - 腾讯云
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://fex.baidu.com/" target="_blank" class="detailContent">
            <h3>
                fex - fex
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://ourjs.com/" target="_blank" class="detailContent">
            <h3>
                ourjs 爱我技术 我们的技术-it文摘 javascript社区 node.js社区 前端社区 全端论坛 mongodb h
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.infoq.cn/topic/front-end" target="_blank" class="detailContent">
            <h3>
                前端 - infoq
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.w3.org/" target="_blank" class="detailContent">
            <h3>
                万维网联盟（w3c）
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.imooc.com/article" target="_blank" class="detailContent">
            <h3>
                it技术文章_慕课网手记
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="othersBlog" class="sectionNav">
    <h2>其他博客</h2>
    <section class="content">
        <a href="http://www.ruanyifeng.com/blog/" target="_blank" class="detailContent">
            <h3>
                阮一峰的网络日志
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.liaoxuefeng.com/" target="_blank" class="detailContent">
            <h3>
                首页 - 廖雪峰的官方网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.csdn.net/" target="_blank" class="detailContent">
            <h3>
                csdn-专业it技术社区
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://juejin.im/timeline" target="_blank" class="detailContent">
            <h3>
                掘金
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.cnblogs.com/" target="_blank" class="detailContent">
            <h3>
                博客园 - 开发者的网上家园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://segmentfault.com/" target="_blank" class="detailContent">
            <h3>
                segmentfault 思否
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://carbon.now.sh/?bg=rgba(171%2c%20184%2c%20195%2c%201)&t=seti&wt=none&l=python&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fm=hack&fs=14px&lh=133%25&si=false&es=4x&wm=false" target="_blank" class="detailContent">
            <h3>
                carbon代码
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://paperswithcode.com/" target="_blank" class="detailContent">
            <h3>
                papers with code : the latest in machine learning
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.codeceo.com/" target="_blank" class="detailContent">
            <h3>
                码农网-程序员编程资料和编程经验分享平台
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.zuidaima.com/" target="_blank" class="detailContent">
            <h3>
                最代码-最全面，最专业的源代码分享网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.tuicool.com/" target="_blank" class="detailContent">
            <h3>
                推酷 - it人专属的个性聚合阅读社区 - 推酷
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.williamlong.info/" target="_blank" class="detailContent">
            <h3>
                月光博客-关注互联网和搜索引擎的it科技博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.codingnow.com/" target="_blank" class="detailContent">
            <h3>
                云风的 blog
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.itcodemonkey.com/" target="_blank" class="detailContent">
            <h3>
                it程序猿 - 服务于程序员，传播编程经验！ - it程序猿
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.hozin.com/" target="_blank" class="detailContent">
            <h3>
                www.hozin.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.cnblogs.com/tomxu/" target="_blank" class="detailContent">
            <h3>
                汤姆大叔 - 博客园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://cuiqingcai.com/" target="_blank" class="detailContent">
            <h3>
                静觅丨崔庆才的个人博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<!--algorithm：算法-->
<section id="algorithmCoding" class="sectionNav">
    <h2>算法编程</h2>
    <section class="content">
        <a href="https://leetcode.com/" target="_blank" class="detailContent">
            <h3>
                (3) leetcode - the world&#39;s leading online programming learning platform
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://leetcode-cn.com/" target="_blank" class="detailContent">
            <h3>
                (3) 力扣 (leetcode) 中国官网 - 全球极客挚爱的技术成长平台
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.geeksforgeeks.org/" target="_blank" class="detailContent">
            <h3>
                geeksforgeeks | a computer science portal for geeks
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.lintcode.com/problem/" target="_blank" class="detailContent">
            <h3>
                lintcode
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.codewars.com/trainer/setup" target="_blank" class="detailContent">
            <h3>
                codewars
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.hackerrank.com/onboarding/challenge" target="_blank" class="detailContent">
            <h3>
                hackerrank
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://codevs.cn/problemset/" target="_blank" class="detailContent">
            <h3>
                (●—●) |题库大全 | codevs, 算法爱好者社区
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://projecteuler.net/archives" target="_blank" class="detailContent">
            <h3>
                archived problems - project euler
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.codeproject.com/" target="_blank" class="detailContent">
            <h3>
                codeproject - for those who code
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.freecodecamp.cn/challenges/create-a-github-account-and-join-our-chat-rooms" target="_blank" class="detailContent">
            <h3>
                create a github account and join our chat rooms | freecodecamp中文社区
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://gitter.im/freecodecamp/chinese" target="_blank" class="detailContent">
            <h3>
                freecodecamp/chinese - gitter
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="englishDictionary" class="sectionNav">
    <h2>英文词典</h2>
    <section class="content">
        <a href="https://www.oxfordlearnersdictionaries.com/" target="_blank" class="detailContent">
            <h3>
                牛津
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.ldoceonline.com/" target="_blank" class="detailContent">
            <h3>
                朗文
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.collinsdictionary.com/" target="_blank" class="detailContent">
            <h3>
                科林斯
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://dictionary.cambridge.org/" target="_blank" class="detailContent">
            <h3>
                剑桥词典
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://cn.bing.com/dict?form=z9lh3" target="_blank" class="detailContent">
            <h3>
                bing 词典
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.merriam-webster.com/dictionary/virtual" target="_blank" class="detailContent">
            <h3>
                virtual 词典
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.macmillandictionary.com/" target="_blank" class="detailContent">
            <h3>
                macmillan词典
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://collocationdictionary.freedicts.com/" target="_blank" class="detailContent">
            <h3>
                在线牛津搭配词典
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.youdict.com/root/list/a" target="_blank" class="detailContent">
            <h3>
                英语词根字典 - 词根词缀大全 - 优词英语词根表
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.merriam-webster.com/" target="_blank" class="detailContent">
            <h3>
                dictionary by merriam-webster: america&#39;s most-trusted online dictionary
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://dictionary.cambridge.org/" target="_blank" class="detailContent">
            <h3>
                cambridge dictionary | english dictionary, translations &amp; thesaurus
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.oxforddictionaries.com/" target="_blank" class="detailContent">
            <h3>
                oxford dictionaries | the world&#39;s most trusted dictionary provider
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.businessdictionary.com/" target="_blank" class="detailContent">
            <h3>
                online business dictionary - businessdictionary.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.thesaurus.com/" target="_blank" class="detailContent">
            <h3>
                thesaurus.com | synonyms and antonyms of words at thesaurus.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.thefreedictionary.com/" target="_blank" class="detailContent">
            <h3>
                dictionary, encyclopedia and thesaurus - the free dictionary
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.learnersdictionary.com/" target="_blank" class="detailContent">
            <h3>
                merriam-webster&#39;s learner&#39;s dictionary
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.urbandictionary.com/" target="_blank" class="detailContent">
            <h3>
                urban dictionary, may 3: horny on main
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.vocabulary.com/" target="_blank" class="detailContent">
            <h3>
                vocabulary.com - learn words - english dictionary
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.onelook.com/" target="_blank" class="detailContent">
            <h3>
                onelook dictionary search
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="translation" class="sectionNav">
    <h2>查词翻译</h2>
    <section class="content">
        <a href="https://translate.google.cn/" target="_blank" class="detailContent">
            <h3>
                google 翻译
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.iciba.com/" target="_blank" class="detailContent">
            <h3>
                在线翻译_在线词典_金山词霸_爱词霸英语
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://dict.cn/" target="_blank" class="detailContent">
            <h3>
                海词词典_在线词典_在线翻译_海量正版权威词典官方网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://dict.hjenglish.com/" target="_blank" class="detailContent">
            <h3>
                在线翻译_英语_日语_多语种翻译_沪江小d在线词典
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://fanyi.youdao.com/" target="_blank" class="detailContent">
            <h3>
                在线翻译_有道
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="fontEndTemp" class="sectionNav">
    <h2>前端碎片</h2>
    <section class="content">
        <a href="https://www.jianshu.com/p/c830b262c56d" target="_blank" class="detailContent">
            <h3>
                67 个拯救前端开发者的工具、库和资源 - 简书
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.itlr.cc/post/1188/" target="_blank" class="detailContent">
            <h3>
                前端开发需要学什么 | it浪人
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://juejin.im/post/5a71a4f9518825733a3105ac" target="_blank" class="detailContent">
            <h3>
                github pages自定义域名 - 掘金
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://gridea.dev/docs/" target="_blank" class="detailContent">
            <h3>
                快速开始 | gridea
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://juejin.im/post/592d4a5b0ce463006b43b6da" target="_blank" class="detailContent">
            <h3>
                前端开发规范：命名规范、html规范、css规范、js规范 - 掘金
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.jianshu.com/p/a7b252abd430" target="_blank" class="detailContent">
            <h3>
                详解javascript数组比较函数compare function - 简书
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/yy921117/article/details/51982159" target="_blank" class="detailContent">
            <h3>
                js代码用 script 调用时，放在head与body的区别 - yoghurt的博客 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.ibm.com/developerworks/cn/web/wa-html5structuraltags/index.html" target="_blank" class="detailContent">
            <h3>
                html5 引入的新的结构化标签
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://segmentfault.com/a/1190000011467723" target="_blank" class="detailContent">
            <h3>
                js所有内置对象属性和方法汇总 - 个人文章 - segmentfault 思否
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="computerRelation" class="sectionNav">
    <h2>电脑相关</h2>
    <section class="content">
        <a href="https://smallpdf.com/" target="_blank" class="detailContent">
            <h3>
                smallpdf.com - 免费解决所有pdf问题
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://apkpure.co/" target="_blank" class="detailContent">
            <h3>
                安卓应用下载网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.deepin.org/" target="_blank" class="detailContent">
            <h3>
                深度科技社区
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.52pojie.cn/" target="_blank" class="detailContent">
            <h3>
                吾爱破解 - lcg - lsg|安卓破解|病毒分析|破解软件|www.52pojie.cn
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.pptbz.com/" target="_blank" class="detailContent">
            <h3>
                ppt模板下载_免费ppt模板下载_ppt宝藏
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.wordlm.com/" target="_blank" class="detailContent">
            <h3>
                【word联盟】word2007官方下载免费完整版 word教程 word2003 word2010
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.excelhome.net/" target="_blank" class="detailContent">
            <h3>
                excelhome - 全球极具影响力的excel门户,office视频教程培训中心
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://uiiiuiii.com/" target="_blank" class="detailContent">
            <h3>
                优优教程网-uiiiuiii.com-u站-设计教程-马了再练不如马上练
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://chenxing.asia/" target="_blank" class="detailContent">
            <h3>
                晨星软件-欢迎访问晨星软件博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.th-sjy.com/" target="_blank" class="detailContent">
            <h3>
                th_sjy 汉化博客，专注软件汉化和资源分享，www.th-sjy.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.appcgn.com/" target="_blank" class="detailContent">
            <h3>
                软件缘 - 精品绿软，品鉴独特！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="wallpaper" class="sectionNav">
    <h2>相片壁纸</h2>
    <section class="content">
        <a href="http://streetwill.co/" target="_blank" class="detailContent">
            <h3>
                streetwill | free hi-res photos.
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.goodfon.com/" target="_blank" class="detailContent">
            <h3>
                wallpapers, download free desktop wallpapers, beautiful widescreen, pics,
                pictures. the best pictures on your phone.
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://pixabay.com/" target="_blank" class="detailContent">
            <h3>
                惊人的免费图片 · pixabay
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://stocksnap.io/" target="_blank" class="detailContent">
            <h3>
                stocksnap.io - beautiful free stock photos (cc0)
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://unsplash.com/" target="_blank" class="detailContent">
            <h3>
                beautiful free images &amp; pictures | unsplash
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.textures.com/" target="_blank" class="detailContent">
            <h3>
                textures for 3d, graphic design and photoshop!
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="versionControl" class="sectionNav">
    <h2>版本控制</h2>
    <section class="content">
        <a href="https://tortoisesvn.net/docs/nightly/tortoisesvn_zh_cn/index.html" target="_blank" class="detailContent">
            <h3>
                tortoisesvn用户指导
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://git-scm.com/docs" target="_blank" class="detailContent">
            <h3>
                git英文手册
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://bingohuang.gitbooks.io/progit2/content/" target="_blank" class="detailContent">
            <h3>
                前言 · pro git 第二版 简体中文
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.bilibili.com/video/av41610502/?p=4" target="_blank" class="detailContent">
            <h3>
                【公开课】git应用详解【全】_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.imooc.com/article/20411" target="_blank" class="detailContent">
            <h3>
                git使用教程,最详细，最傻瓜，最浅显，真正手把手教_慕课手记
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/qq_37136511/article/details/79456476" target="_blank" class="detailContent">
            <h3>
                svn使用教程总结 - 人生就像是一场编程 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://backlog.com/git-tutorial/cn/" target="_blank" class="detailContent">
            <h3>
                猴子都能懂的git入门 | 贝格乐（backlog）
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="othersResource" class="sectionNav">
    <h2>其他资料</h2>
    <section class="content">
        <a href="https://www.bookstack.cn/read/pyda-2e-zh/readme.md" target="_blank" class="detailContent">
            <h3>
                利用 python 进行数据分析 · 第 2 版 - 《利用 python 进行数据分析 · 第 2 版》 - 书栈网(bookstack.cn)
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.pythondoc.com/" target="_blank" class="detailContent">
            <h3>
                python 中文学习大本营
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://android.developerdocumentation.cn/index.html" target="_blank" class="detailContent">
            <h3>
                序言 | 安卓开发文档·中文版
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.python.org/dev/peps/" target="_blank" class="detailContent">
            <h3>
                pep 0 -- index of python enhancement proposals (peps) | python.org
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://zh-google-styleguide.readthedocs.io/en/latest/google-python-styleguide/python_style_rules/" target="_blank" class="detailContent">
            <h3>
                python风格规范 — google 开源项目风格指南
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://cuiqingcai.com/1052.html" target="_blank" class="detailContent">
            <h3>
                python2爬虫学习系列教程 | 静觅
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://developer.android.google.cn/reference/classes#letter_t" target="_blank" class="detailContent">
            <h3>
                android开发api文档
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.themesmap.com/" target="_blank" class="detailContent">
            <h3>
                pycharm主题 themesmap
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.bilibili.com/video/av43797709?from=search&seid=16331194878956082048" target="_blank" class="detailContent">
            <h3>
                高质量mysql基础msq（共178讲）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.bilibili.com/video/av38409964/?p=12" target="_blank" class="detailContent">
            <h3>
                【天哥】android开发视频教程最新版 android studio开发_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://bbs.pythontab.com/" target="_blank" class="detailContent">
            <h3>
                python论坛-国内最好的python中文社区：python论坛|python教程|django教程|python框架
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://learnku.com/python" target="_blank" class="detailContent">
            <h3>
                话题列表 | 高品质的 python 开发者社区
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.open-open.com/" target="_blank" class="detailContent">
            <h3>
                深度开源 - java开源大全，开源信息发掘、分享、交流
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/it-interview/easy-java/blob/master/133%e4%b8%aajava%e5%b8%b8%e8%a7%81%e9%9d%a2%e8%af%95%e9%a2%98.md" target="_blank" class="detailContent">
            <h3>
                easy-java/133个java常见面试题.md at master · it-interview/easy-java ·
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.importnew.com/" target="_blank" class="detailContent">
            <h3>
                importnew - 专注java &amp; android 技术分享
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/xieyihua1994/article/details/52836855" target="_blank" class="detailContent">
            <h3>
                软件开发生命周期详解 - 点滴路程 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://monsoongale.iteye.com/blog/715653" target="_blank" class="detailContent">
            <h3>
                &lt;转&gt;软件工程之——各个阶段的基本任务和结束标准 - - iteye博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://zhuanlan.zhihu.com/p/26166552" target="_blank" class="detailContent">
            <h3>
                解决问题的第一步：正确定义问题 - 知乎
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://daylight.blog.csdn.net/column/info/winser2012ad" target="_blank" class="detailContent">
            <h3>
                windows server 2012 ad 活动目录部署系列 - 白昼的技术专栏（qq:78110978） - 白昼ron - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.51cto.com/ahgfljp" target="_blank" class="detailContent">
            <h3>
                adcomputer配置应用
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.zsythink.net/" target="_blank" class="detailContent">
            <h3>
                朱双印博客 | linux运维从业者
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.zsythink.net/archives/tag/awk/page/2/" target="_blank" class="detailContent">
            <h3>
                awk - 第2页 | 朱双印博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/sinat_17775997/article/details/79747564" target="_blank" class="detailContent">
            <h3>
                最新android基础入门教程目录(完结版) - 大灰狼的小绵羊哥哥的博客 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/wzgbgz/article/details/79140056" target="_blank" class="detailContent">
            <h3>
                greendao3.2使用详解（增，删，改，查，升级） - wzgbgz的博客 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/weixin_33758863/article/details/86889428" target="_blank" class="detailContent">
            <h3>
                okhttp 知识梳理(2) - okhttp 源码解析之异步请求 &amp; 线程调度 - weixin_33758863的博客 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.python3.vip/doc/tutorial/python/2002/" target="_blank" class="detailContent">
            <h3>
                requests库 - 白月黑羽教python
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/jackfrued/python-100-days" target="_blank" class="detailContent">
            <h3>
                jackfrued/python-100-days: python - 100天从新手到大师
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.bilibili.com/video/av33464941/?p=16" target="_blank" class="detailContent">
            <h3>
                【ps】photoshop cc 2017 基础入门教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://pan.baidu.com/s/1bpdfskj#list/path=%2fsharelink4080113180-884064308201188%2f%e8%bd%af%e4%bb%b6%e8%ae%be%e8%ae%a1%e5%b8%88%2f%e6%95%99%e7%a8%8b%e7%94%b5%e5%ad%90%e7%89%88%2f%e7%ac%ac%e5%9b%9b%e7%89%88&parentpath=%2fsharelink4080113180-884064308201188" target="_blank" class="detailContent">
            <h3>
                软件设计师_免费高速下载|百度网盘-分享无限制
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.bilibili.com/video/av19665344?from=search&seid=16157097078755448996" target="_blank" class="detailContent">
            <h3>
                软件设计师考试教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.woshipm.com/pmd/3864.html" target="_blank" class="detailContent">
            <h3>
                产品经理业务流程图的绘制流程分享 | 人人都是产品经理
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.draw.io/" target="_blank" class="detailContent">
            <h3>
                draw.io流程图
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/fuhj02/article/details/6081314" target="_blank" class="detailContent">
            <h3>
                通过powershell操作事件日志 - 付海军 的专栏 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://ip.zdaye.com/" target="_blank" class="detailContent">
            <h3>
                站大爷 - 企业级高品质http代理ip/socks5代理ip供应平台/免费代理ip
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.cnblogs.com/wy11/articles/2263823.html" target="_blank" class="detailContent">
            <h3>
                win7专业版安装sql2008 - 梦在飞 - 博客园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.vmware.com/products/workstation-pro.html" target="_blank" class="detailContent">
            <h3>
                windows vm | vmware workstation pro
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.seoimo.com/wordpress-vps/" target="_blank" class="detailContent">
            <h3>
                wordpress建站: 便宜vps+lamp搭建+博客安装/优化教程【vultr &amp; 搬瓦工vps亲测】 - seoimo
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="personalStudy" class="sectionNav">
    <h2>终身学习</h2>
    <section class="content">
        <a href="https://www.cn-ki.net/" target="_blank" class="detailContent">
            <h3>
                idata-知识检索
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.zjlib.cn/#" target="_blank" class="detailContent">
            <h3>
                浙江图书馆
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.hiwenku.com/" target="_blank" class="detailContent">
            <h3>
                嗨文库
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.icourses.cn/home/" target="_blank" class="detailContent">
            <h3>
                爱课程
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.duobei.com/" target="_blank" class="detailContent">
            <h3>
                发现课程 - 多贝公开课
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.kanxue.com/" target="_blank" class="detailContent">
            <h3>
                看雪学院
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.xuetangx.com/" target="_blank" class="detailContent">
            <h3>
                学堂在线-国家精品课程在线学习平台
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.sikiedu.com/" target="_blank" class="detailContent">
            <h3>
                siki学院 - 生命不息，学习不止！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.shiyanlou.com/" target="_blank" class="detailContent">
            <h3>
                实验楼 - 在线做实验，高效学编程
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://study.163.com/" target="_blank" class="detailContent">
            <h3>
                网易云课堂 - 我的职业课堂
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.imooc.com/" target="_blank" class="detailContent">
            <h3>
                慕课网-程序员的梦工厂
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.jikexueyuan.com/" target="_blank" class="detailContent">
            <h3>
                极客学院it在线教育平台-中国专业的it职业在线教育平台
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://ke.youdao.com/" target="_blank" class="detailContent">
            <h3>
                有道精品课 - 为你精选好课
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.w3cschool.cn/" target="_blank" class="detailContent">
            <h3>
                w3cschool - 学编程，从w3cschool开始
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.html.cn/" target="_blank" class="detailContent">
            <h3>
                从html、css到 js，web前端开发在线学习视频教程 - html中文网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="freeInterest" class="sectionNav">
    <h2>娱乐休闲</h2>
    <section class="content">
        <a href="http://www.airpano.org.cn/" target="_blank" class="detailContent">
            <h3>
                360° aerial panoramas, 360° virtual tours around the world, photos of
                the most interesting places on the earth
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://webdemo.myscript.com/" target="_blank" class="detailContent">
            <h3>
                myscript webdemo
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://laod.cn/" target="_blank" class="detailContent">
            <h3>
                老d博客 | 关注谷歌服务，分享互联网精神！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://sspai.com/post/42126" target="_blank" class="detailContent">
            <h3>
                在 windows 上拥有舒适的码字体验，12 款 markdown 写作工具推荐 - 少数派
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.zhihu.com/" target="_blank" class="detailContent">
            <h3>
                首页 - 知乎
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="otherNews" class="sectionNav">
    <h2>其他资讯</h2>
    <section class="content">
        <a href="https://www.huxiu.com/" target="_blank" class="detailContent">
            <h3>
                虎嗅网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.leiphone.com/" target="_blank" class="detailContent">
            <h3>
                雷锋网_读懂智能&amp;未来
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.cnbeta.com/" target="_blank" class="detailContent">
            <h3>
                cnbeta.com - 中文业界资讯站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://36kr.com/" target="_blank" class="detailContent">
            <h3>
                36氪
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.infoq.cn/" target="_blank" class="detailContent">
            <h3>
                infoq - 促进软件开发领域知识与创新的传播
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.anquanke.com/" target="_blank" class="detailContent">
            <h3>
                安全客 - 安全资讯平台
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.it-home8.com/" target="_blank" class="detailContent">
            <h3>
                程序员之家论坛-程序员学习计算机网站编程语言的it社区论坛
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.oschina.net/" target="_blank" class="detailContent">
            <h3>
                开源中国 - 找到您想要的开源项目，分享和交流
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.51cto.com/" target="_blank" class="detailContent">
            <h3>
                51cto.com - 技术成就梦想 - 中国领先的it技术网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.jobbole.com/" target="_blank" class="detailContent">
            <h3>
                伯乐在线
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.vckbase.com/" target="_blank" class="detailContent">
            <h3>
                vc知识库_最全面的技术百科全书_it在线培训平台
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.javaworld.com/" target="_blank" class="detailContent">
            <h3>
                欢迎来到javaworld.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.pudn.com/" target="_blank" class="detailContent">
            <h3>
                299万个编程源码资料 联合开发网 - pudn.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.codeceo.com/" target="_blank" class="detailContent">
            <h3>
                码农网-程序员编程资料和编程经验分享平台
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.centoschina.cn/" target="_blank" class="detailContent">
            <h3>
                centos中文站 - 专注linux技术
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.chinaunix.net/" target="_blank" class="detailContent">
            <h3>
                unix技术网 = 全球最大的linux/unix应用与开发者社区 = it人的网上家园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.linuxidc.com/" target="_blank" class="detailContent">
            <h3>
                linux公社 - linux系统门户网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.infoq.com/cn/" target="_blank" class="detailContent">
            <h3>
                infoq - 促进软件开发领域知识与创新的传播
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://distrowatch.com/" target="_blank" class="detailContent">
            <h3>
                distrowatch.com: put the fun back into computing. use linux, bsd.
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.2cto.com/" target="_blank" class="detailContent">
            <h3>
                红黑联盟（2cto.com)_it技术门户、技术安全资讯、网络安全、黑客防御、信息安全、编程开发、系统知识
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.51zixue.net/" target="_blank" class="detailContent">
            <h3>
                51自学网_自学网_软件自学网-51自学网官网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="ancientTradition" class="sectionNav">
    <h2>国学</h2>
    <section class="content">
        <a href="http://www.zdic.net/" target="_blank" class="detailContent">
            <h3>
                汉典 zdic.net
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.guoxue.com/" target="_blank" class="detailContent">
            <h3>
                国学网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.guoxuedashi.com/search/" target="_blank" class="detailContent">
            <h3>
                国学大师
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.fukaili.com/" target="_blank" class="detailContent">
            <h3>
                富凯利国学－国学经典书库
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://shuge.org/" target="_blank" class="detailContent">
            <h3>
                书格
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.xn--5rtnx620bw5s.tw/page/sitemap.html" target="_blank" class="detailContent">
            <h3>
                漢川草廬 - 網站地圖
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.readers365.com/" target="_blank" class="detailContent">
            <h3>
                读书人365-首页
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="othersNav" class="sectionNav">
    <h2>导航</h2>
    <section class="content">
        <a href="http://ilxdh.com/" target="_blank" class="detailContent">
            <h3>
                龙轩导航-做个有用的导航
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://search.chongbuluo.com/" target="_blank" class="detailContent">
            <h3>
                快搜 - 搜索快人一步 - google
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://scholar.chongbuluo.com/" target="_blank" class="detailContent">
            <h3>
                学术搜索 - 站在巨人的肩膀上 - 必应学术
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.google.com/ncr" target="_blank" class="detailContent">
            <h3>
                谷歌
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://hao.wordlm.com/" target="_blank" class="detailContent">
            <h3>
                办公导航 - 办公从这里开始(办公工具|软件|技巧|素材|网址大全)
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.miguyu.com/" target="_blank" class="detailContent">
            <h3>
                咪咕鱼导航 -分享有用链接
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://dir.cnki.net/" target="_blank" class="detailContent">
            <h3>
                学术网站大全
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.chuangzaoshi.com/" target="_blank" class="detailContent">
            <h3>
                创造狮 创意工作者导航
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://next.36kr.com/posts/collections/650" target="_blank" class="detailContent">
            <h3>
                导航网站的导航 - 导航网站太多了，也需要一个导航 - next
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://hao.uisdc.com/" target="_blank" class="detailContent">
            <h3>
                优设导航 - 学设计从这里开始！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.jikedaohang.com/" target="_blank" class="detailContent">
            <h3>
                极客导航-程序员自己的导航
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="resourceCoding" class="sectionNav">
    <h2>源码</h2>
    <section class="content">
        <a href="http://www.mycodes.net/" target="_blank" class="detailContent">
            <h3>
                源码之家 - 提供最新免费网站源码下载！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://down.admin5.com/" target="_blank" class="detailContent">
            <h3>
                网站源码下载,a5源码 - 更快的站长下载站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.ctolib.com/" target="_blank" class="detailContent">
            <h3>
                ctolib码库
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.wangjie.org/" target="_blank" class="detailContent">
            <h3>
                div+css模板、后台模板、图片图标下载，css代码实例、css导航菜单、css图表 - 免费模板网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.downcode.com/" target="_blank" class="detailContent">
            <h3>
                源码下载 asp源码 php源码 flash源码 - 源码下载站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.codepub.com/" target="_blank" class="detailContent">
            <h3>
                网站源码_源码下载_源码网【提供最新最全的免费源码下载】
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.codesocang.com/" target="_blank" class="detailContent">
            <h3>
                源码搜藏网-网站源码_安卓源码_vip源码_最新精品织梦模板下载
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="eBookAndWebStorage" class="sectionNav">
    <h2>电子书网盘</h2>
    <section class="content">
        <a href="https://www.jiumodiary.com/" target="_blank" class="detailContent">
            <h3>
                jiumo e-book search 鸠摩搜书 - 文档搜索引擎
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://gen.lib.rus.ec/" target="_blank" class="detailContent">
            <h3>
                图书馆创世纪
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.gutenberg.org/" target="_blank" class="detailContent">
            <h3>
                古滕贝格
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.shuwu.mobi/" target="_blank" class="detailContent">
            <h3>
                我的小书屋-最新最全电子书免费下载
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.pdfbook.cn/" target="_blank" class="detailContent">
            <h3>
                云海免费电子图书馆| 免费电子图书下载
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://kgbook.com/" target="_blank" class="detailContent">
            <h3>
                苦瓜书盘
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://book.shuyuzhe.com/" target="_blank" class="detailContent">
            <h3>
                书语者电子图书馆 kindle电子书 powered by shuyuzhe.com!
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.so-kindle.com/" target="_blank" class="detailContent">
            <h3>
                kindle资源库_sokindle_一起分享阅读的乐趣
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://sobooks.cc/" target="_blank" class="detailContent">
            <h3>
                sobooks - 优质的kindle电子书资源免费下载网站（原&quot;sokindle&quot;）
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://weiq530.wodemo.com/cat/72078?next=300703" target="_blank" class="detailContent">
            <h3>
                ebooks - 无心遗忘电子书
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://panc.cc/" target="_blank" class="detailContent">
            <h3>
                panc.cc-胖次网盘搜索 - 胖次分享社区 - 我们热爱分享
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://salttiger.com/archives/" target="_blank" class="detailContent">
            <h3>
                电子书存档页面 | salttiger
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://coderprog.com/" target="_blank" class="detailContent">
            <h3>
                coderprog - ebooks &amp; elearning for programming
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://freecomputerbooks.com/" target="_blank" class="detailContent">
            <h3>
                free computer, programming, mathematics, technical books, lecture notes
                and tutorials
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.allitebooks.com/" target="_blank" class="detailContent">
            <h3>
                所有it电子书 - 免费it电子书下载
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.allitebooks.in/" target="_blank" class="detailContent">
            <h3>
                all it ebooks - free it ebooks download
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://libgen.io/" target="_blank" class="detailContent">
            <h3>
                genesis
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://b-ok.cc/" target="_blank" class="detailContent">
            <h3>
                electronic library. download books free. finding books
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.itbookhub.com/" target="_blank" class="detailContent">
            <h3>
                free it &amp; programming books - itbookhub.com
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.onlineprogrammingbooks.com/" target="_blank" class="detailContent">
            <h3>
                free computer books : it, programming and computer science
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://droppdf.com/" target="_blank" class="detailContent">
            <h3>
                droppdf - upload and share your pdf documents quickly and easily.
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.foxebook.net/" target="_blank" class="detailContent">
            <h3>
                fox ebook - ebooks free download site
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://ebook-dl.com/" target="_blank" class="detailContent">
            <h3>
                ebook-dl | free download ebooks
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://github.com/justjavac/free-programming-books-zh_cn" target="_blank" class="detailContent">
            <h3>
                justjavac/free-programming-books-zh_cn: 免费的计算机编程类中文书籍，欢迎投稿
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.jb51.net/do/book.html" target="_blank" class="detailContent">
            <h3>
                最近更新电子书 - 脚本之家
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.jieyaglass.com/jsjyhlw.html" target="_blank" class="detailContent">
            <h3>
                计算机 - pdf之家-免费高清pdf电子书下载
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.lingfengyun.com/" target="_blank" class="detailContent">
            <h3>
                凌风云搜索是互联网最专业的免费资源搜索引擎 - 凌风云搜索
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.zhaowoyao.com/" target="_blank" class="detailContent">
            <h3>
                【新提醒】找我要论坛—要书，要视频，要教程，要音乐，要电影，要资讯 - powered by discuz!
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.pdfdrive.net/" target="_blank" class="detailContent">
            <h3>
                pdf drive - search and download pdf files for free.
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.yabook.org/" target="_blank" class="detailContent">
            <h3>
                雅书 - pdf电子书学习下载站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://hotbaidu.com/" target="_blank" class="detailContent">
            <h3>
                hotbaidu – 众里寻书千百度
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://it-ebooks.info/" target="_blank" class="detailContent">
            <h3>
                it ebooks - free download - new releases
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="englishStudy" class="sectionNav">
    <h2>英文学习</h2>
    <section class="content">
        <a href="http://www.enread.com/" target="_blank" class="detailContent">
            <h3>
                英文阅读网
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.kekenet.com/" target="_blank" class="detailContent">
            <h3>
                可可英语-在线英语学习_每日英语学习_免费英语学习网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.clipconverter.cc/" target="_blank" class="detailContent">
            <h3>
                youtube to mp4 &amp; mp3 converter - clipconverter.cc
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.yywz123.com/" target="_blank" class="detailContent">
            <h3>
                英语学习网站大全_汇集国内外最好的英语学习网站，英语学习网站123，英语网站123_yywz123
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.qcenglish.com/" target="_blank" class="detailContent">
            <h3>
                七彩英语 - 英文电子书下载站 pdf|txt格式英文原版原著下载
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.lang-8.com/" target="_blank" class="detailContent">
            <h3>
                多国语言学习交流平台 | lang-8: for learning foreign languages
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://cloud.tencent.com/developer/article/1041363" target="_blank" class="detailContent">
            <h3>
                java基础常见英语词汇 - 云+社区 - 腾讯云
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.kancloud.cn/haixu926611/study-english/112107" target="_blank" class="detailContent">
            <h3>
                程序员不可不知的英文词汇(7) · 程序员英语单词册 · 看云
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.cnblogs.com/jiqing9006/p/5764449.html" target="_blank" class="detailContent">
            <h3>
                编程常用英语词汇大全 - tbhacker - 博客园
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.runoob.com/w3cnote/common-english-terminology-in-programming.html" target="_blank" class="detailContent">
            <h3>
                编程常用英语词汇 | 菜鸟教程
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/z770816239/article/details/80043967" target="_blank" class="detailContent">
            <h3>
                (2条消息)计算机常用1700英语单词 - 第十六维 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://blog.csdn.net/weixin_41560845/article/details/80036311" target="_blank" class="detailContent">
            <h3>
                (2条消息)1800个常用的java开发英文词汇 - weixin_41560845的博客 - csdn博客
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://byoungd.gitbook.io/english-level-up-tips/" target="_blank" class="detailContent">
            <h3>
                english 学习技巧
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="resourceShare" class="sectionNav">
    <h2>资源分享</h2>
    <section class="content">
        <a href="https://www.leiyun.org/sf/f3e31c84b3829398fc86b99348cc4815.html" target="_blank" class="detailContent">
            <h3>
                慕课网-wuzuowei.net_高速下载|雷云-分享你我
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://xingsenblog.com/" target="_blank" class="detailContent">
            <h3>
                邢森の博客-yuyuan_qiu_1219...jou
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://ybmfx.com/" target="_blank" class="detailContent">
            <h3>
                100秒分享 - 让每一次阅读都有收获.
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.xz577.com/" target="_blank" class="detailContent">
            <h3>
                码农之家 - 学习资源下载站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://ranfs.com/cn/" target="_blank" class="detailContent">
            <h3>
                ranfs 专注于文件和磁盘软件开发
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.newbiefly.com/" target="_blank" class="detailContent">
            <h3>
                编程资源库 - 专注于分享全面优质的it编程开发视频教程
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.dmcl.top/" target="_blank" class="detailContent">
            <h3>
                邢森的部落格
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.xwood.net/index.html" target="_blank" class="detailContent">
            <h3>
                it资源信息分享站 | xwood.net - 小木人印象
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>
<section id="music" class="sectionNav">
    <h2>音乐</h2>
    <section class="content">
        <a href="https://music.163.com/" target="_blank" class="detailContent">
            <h3>
                网易云音乐
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.app-echo.com/#/" target="_blank" class="detailContent">
            <h3>
                echo回声 | 潮流音乐生活方式-3d音乐 弹幕社交 趣味铃声 变声录音 ktv
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://y.qq.com/" target="_blank" class="detailContent">
            <h3>
                qq音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.xiami.com/" target="_blank" class="detailContent">
            <h3>
                虾米音乐 - 听见不同
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://www.kugou.com/" target="_blank" class="detailContent">
            <h3>
                酷狗音乐 - 就是歌多
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.koowo.com/" target="_blank" class="detailContent">
            <h3>
                酷我音乐_无损音乐正版在线试听网站
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://www.lavaradio.com/" target="_blank" class="detailContent">
            <h3>
                lava熔岩音乐-无音乐,不品牌-音乐助力你的生意
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="https://music.douban.com/" target="_blank" class="detailContent">
            <h3>
                豆瓣音乐
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
        <a href="http://music.taihe.com/" target="_blank" class="detailContent">
            <h3>
                千千音乐-听见世界
            </h3>
            <div class="showContent">
                内容展示
            </div>
        </a>
    </section>
</section>